/*header 开始*/
.header{
    position: fixed;
    z-index: 10;
    width:7.5rem;
    height:.8rem;
    line-height: .8rem;
    /*padding-top:0.4rem;*/
    background:#2ecc71;
    color:#fff;
    text-align: center;
}
.header .iconfont{
    position: absolute;
    left:0;
    bottom:0;
    z-index: 4;
    width:.8rem;
    height:.8rem;
    text-align: center;
    font-size:.4rem;
    color:#fff;
    text-decoration:none;
}

/*personalMsg 开始*/
.personalMsg{
    width:7.14rem;
    border-bottom:.02rem solid #eee;
    padding:0.36rem 0 .2rem .36rem;
}
.personalMsg .image{
    float:left;
}
.personalMsg .image img{
    width:1.4rem;
    height:1.4rem;
}
.personalMsg .content{
    float:left;
    padding:.3rem 0 0 .2rem;
    font-size:.28rem;
    position:relative;
}
.personalMsg .contentSign{
    position:absolute;
    width:1.84rem;
    height:.5rem;
    line-height:.5rem;
    background:#28b263;
    border-radius:.08rem;
    top:0;
    left:3.76rem;
    color:#fff;
    text-align:center;
}
.personalMsg .contentSign i{
    display:inline-block;
    width:.4rem;
    height:.5rem;
    line-height:.5rem;
    text-align:right;
    font-size:.36rem;
    vertical-align:top;
}
.personalMsg .contentName{
    margin-bottom:.2rem;
}
.personalMsg .contentName p{
    padding:.08rem 0;
}
.personalMsg .contentPolicy li{
    float:left;
    color:#999;
    margin-right:.7rem;
}
.personalMsg .contentPolicy li:last-child{
    margin-right:0;
}
.personalMsg .contentPolicy span{
    display:block;
    text-align:center;
}

/*myinfo 开始*/
.myinfo{
    width:7.5rem;
    background:#eee;
}
.myinfo li{
    border-bottom:.02rem solid #eee;
    height:1rem;
    padding-left:.36rem;
    line-height:1rem;
    background:#fff;
    font-size:0;
    color:#ccc;
}
.myinfo li:first-child{
    margin-bottom:.16rem;
    color:#333;
}
.myinfo li:last-child{
    color:#333;
}
.myinfo li i{
    font-size:.48rem;
    color:#ccc;
}
.myinfo li:first-child i{
    color:#ff5918;
}
.myinfo li:last-child i{
    color:#37b9ad;
}
.myinfo li span{
    display:inline-block;
    margin-left:.2rem;
    font-size:.32rem;
}

.record{
    position: fixed;
    left:0;
    top:0;
    width:7.5rem;
    height:100%;
    background-color: #f2f2f2;
    transform: translateX(100%);
    transition:all 0.5s;
}
/* 选择患者 */
.user{
    width:7.5rem;
    padding-top:0.8rem;
}
.user ul li{
    position: relative;
    height: 1rem;
    border-bottom: 0.02rem solid #ddd;
    border-top: 0.02rem solid #ddd;
    padding:.2rem .1rem .2rem 1.8rem;
    margin-bottom: .15rem;
    background: #fff;
}
.user ul li a {
    display: block;
    width:100%;
    height:100%;
    color:#333;
}
.user ul li p{
    padding:.06rem 0;
}
.user ul li img{
    position: absolute;
    left:.4rem;
    top:0.2rem;
    width:1rem;
    height: 1rem;
}
.user ul li i{
    position: absolute;
    width:1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    right:.2rem;
    top:0.2rem;
    font-size:.48rem;
}
.toCreateUser{
    position: fixed;
    bottom:0;
    left:0;
    width:7.5rem;
    height:.92rem;
    line-height: .92rem;
    padding:.2rem 0;
    text-align: center;
    background: #fff;
}
.toCreateUser p{
    width:5.5rem;
    height:0.9rem;
    margin:0 auto;
    background: #2ecc71;
    color:#fff;
    border-radius: .1rem;
}


.createUser{
    position: fixed;
    left:0;
    top:0;
    width:7.5rem;
    height:100%;
    background-color: #f2f2f2;
    transition:all 0.5s;
    transform:translateX(100%);
}
.createUserWrap {
    width:7.5rem;
    height: 100%;
    overflow: scroll;
}
.createUser .top{
    position: relative;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color:#fff;
    background-color: #2ecc71;
}
.createUser .top span{
    position: absolute;
    top:0;
    width:0.8rem;
    height:.8rem;
}
.createUser .top .cancel{
    left:0;
}
.createUser .top .save{
    right:0;
}
.createUser .tip p{
    padding:0 .15rem;
    line-height: 2;
    font-size:.24rem;
}


.info{
    box-sizing: border-box;
    width:7.5rem;
}

.info li{
    padding:.02rem .3rem;
    height:.8rem;
    line-height: .8rem;
    border-bottom:0.02rem solid #ddd;
    font-size:0;
    background-color: #fff;
}

.info li.mt20{
    border-top: 0.02rem solid #ddd;
    margin-top:.2rem;
}
.info li input,.info li label{
    font-size:0.32rem;
}
.info li input{
    float: right;
    width:4.5rem;
    height:.8rem;
    line-height: .8rem;
    border:0;
    outline: 0;
    text-align: right;
}

.picker .picker-panel .picker-choose .confirm{
    color:#2ecc71 !important;
}

.info .submit{
    width:6rem;
    height:.8rem;
    line-height: .8rem;
    text-align: center;
    margin:.2rem auto 0;
    border-radius: .1rem;
    color:#fff;
    background: #2ecc71;

}